.main {
		.allbgtop {
			position: relative;

			.allbgtop-left {
				position: absolute;
				width: 358rpx;
				height: 358rpx;
				background: rgba(248, 149, 207, 0.54);
				filter: blur(164rpx);
				transform: rotate(-180deg);
			}

			.allbgtop-right {
				position: absolute;
				width: 358rpx;
				height: 358rpx;
				right: 0;
				background: rgba(182, 255, 220, 0.54);
				filter: blur(164rpx);
				transform: rotate(-180deg);
			}
		}

		.indextop {
			width: 100%;
			height: 200rpx;
			background-size: 100%;
			overflow: hidden;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #FFF;

			.indexsearch {
				height: 92rpx;
				width: 72%;
				left: 40rpx;
				top: 40rpx;
				margin-left: 40rpx;

				.indexhezi {
					height: 92rpx;
					width: 90%;
					border-radius: 60rpx;
					position: absolute;
					background: #FFFFFF;
					box-shadow: 0rpx 22rpx 32rpx rgba(228, 192, 192, 0.22);
					border-radius: 60rpx;
					display: flex;

					.indexicon {
						width: 15%;
						border-radius: 60rpx;
						text-align: center;

						.indexiconn {
							width: 100%;
							height: 100%;

							image {
								display: block;
								width: 28rpx;
								height: 28rpx;
								margin: auto;
								padding-top: 36rpx;

							}
						}
					}

					#indexbtn {
						width: 65%;
						height: 100%;
						font-size: 28rpx;
						min-height: 0 !important;
						overflow: hidden;
					}

					.indexsearchbtn {
						width: 20%;
						height: 92rpx;
						z-index: 99;
						font-weight: 500;
						font-size: 28rpx;
						text-align: center;
						color: #FFFFFF;
						line-height: 92rpx;
						background: linear-gradient(126.72deg, #FFB38E 0%, #F84A52 100%);
						box-shadow: 0rpx 16rpx 22rpx rgba(200, 87, 87, 0.32);
						border-radius: 80rpx;
					}
				}

			}


		}

		.searchmain {
			width: 100%;

			.xia {
				width: 90%;
				margin: auto;
				margin-top: 40rpx;
				font-size: 24rpx;
				color: #999999;
				margin-bottom: 80rpx;

			}

			.aaa {
				width: 40%;
				margin: auto;
				font-size: 24rpx;
				color: #999999;
			}

			.btn {
				width: 40%;
				margin: auto;
			}

			.box {
				width: 100%;
				height: 280rpx;
				margin: auto;
				border-bottom: 4rpx solid #E6E6E6;
				.right {
					width: 90%;
					margin: auto;
					margin-top: 20rpx;
					position: relative;
					.title {
						display: block;
						font-size: 32rpx;
						color: #333333;
						text-overflow: ellipsis;
						display: -webkit-box;
						overflow: hidden;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						font-weight: 600;
						padding-top: 10rpx;
					}

					.content {
						width: 100%;
						margin: auto;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
						font-size: 26rpx;
						color: #717171;
						margin-top: 40rpx;

					}
				}
			}
		}

		.gotop {
			position: fixed;
			bottom: 0;
			right: 0;
			width: 100rpx;
			height: 100rpx;

			.gotopimg {

				.arrow-upward {
					width: 60rpx;
					height: 60rpx;
					margin: 20rpx 0 20rpx 40rpx;
				}
			}
		}

		.warp {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;


			.rect {
				width: 546rpx;
				height: 278rpx;
				background: #FFFFFF;
				border-radius: 16rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;

				.titletip {
					font-weight: 600;
					font-size: 28rpx;
					color: #000000;
				}

				.contenttip {
					color: #000000;
					font-weight: 400;
				}

				.queding {
					width: 182rpx;
					height: 64rpx;
					background: #D03F3F;
					border-radius: 80rpx;
					color: #FFF;
					text-align: center;
					line-height: 64rpx;
				}
			}
		}
	}